<template>
  <div>
    <h2>翻转字符案例复写</h2>
    <p>{{ str }}</p>
    <button @click="aa">翻转世界</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      str: '你好世界'
    }
  },
  methods: {
    aa () {
      // 将字符串分割成数组 '你好世界'.split('') → ['你', '好', '世', '界'] → ['你', '好', '世', '界'].reverse() → ['界', '世', '好', '你'] → ['界', '世', '好', '你'].join('') → '界世好你'
      this.str = this.str.split('').reverse().join('')
    }
  },
}
</script>

<style>

</style>